<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE html>
<html>
<head>
    <title><fmt:message code="common.th.selPeople" /></title><%--选择人员--%>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="/css/workflow/form/style.css?20190402.1">
    <script type="text/javascript" src="/lib/jQuery-File-Upload-master/jquery-1.8.3.min.js"></script>
    <script src="/js/base/base.js"></script>
    <style>
        .s-ico{
            display: none;
        }
        .ui-jqgrid{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
        .ui-jqgrid .ui-jqgrid-view,.ui-jqgrid .ui-jqgrid-pager{background-color:#fff;font-family: Microsoft YaHei,Simsun,Verdana,Arial,sans-serif;font-size:9pt;}
        .ui-jqgrid .ui-jqgrid-pager input,.ui-jqgrid .ui-jqgrid-pager select{font-size:9pt;}

        .ui-jqgrid-view .ui-jqgrid-btable{border:0;}
        .ui-jqgrid-view .ui-jqgrid-btable tr.jqgrow td{padding:2px;border-right:1px solid #eee;border-bottom:1px solid #eee;}
        .ui-jqgrid-view div.nBtn{position: absolute;height: 22px;width: 14px;z-index: 1;background: #fafafa repeat-x bottom;border: 0px;border-left: 1px solid #ccc;top: 0px;left: 0px;margin-top: 0px;cursor: pointer;display: none;}
        .ui-jqgrid-view div.nBtn div{height: 22px;width: 12px;border-left: 1px solid #fff;float: left;background: url("/static/images/grid/ddn.png") no-repeat center;}
        .ui-jqgrid-view div.nDiv{background: #eee url("/static/images/grid/line.gif") repeat-y -1px top;border: 1px solid #ccc;border-top: 0px;overflow: auto;left: 0px;position: absolute;z-index: 2;float: left;display: none;}
        .ui-jqgrid-view div.nDiv table{margin: 2px;}
        .ui-jqgrid-view div.nDiv td{padding: 2px 3px;border: 1px solid #eee;cursor: default;}
        .ui-jqgrid-view div.nDiv tr:hover td, .datagrid div.nDiv tr.ndcolover td{background: #d5effc url("/static/images/grid/hl.png") repeat-x top;border: 1px solid #a8d8eb;}
        .ui-jqgrid-view div.nDiv td.ndcol1{border-right: 1px solid #ccc;}
        .ui-jqgrid-view div.nDiv td.ndcol2{border-left: 1px solid #fff;padding-right: 10px;}
        .ui-jqgrid-view div.nDiv tr:hover td.ndcol1, .datagrid div.nDiv tr.ndcolover td.ndcol1{border-right: 1px solid #d2e3ec;}
        .ui-jqgrid-view div.nDiv tr:hover td.ndcol2, .datagrid div.nDiv tr.ndcolover td.ndcol2{border-left: 1px solid #eef8ff;}
        .ui-jqgrid-view div.nDiv input.togCol{position:relative;top:2px;}

        td.subgrid-cell{border-bottom:1px solid #eee;}
        td.subgrid-data div.ui-jqgrid{border:0px}
        td.subgrid-data {border-left:1px solid #eee;}
        td.ui-sgcollapsed span.ui-icon{display:inline-block;position:relative;left:2px;}
        td.subgrid-cell span.ui-icon{display:inline-block;position:relative;left:9px;}

        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #f5f5f5 url(images/fhbg.gif) 50% 50% repeat-x; font-weight: normal; color: #555555; }
        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default th{border-bottom:0px;}
        .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background: #ebeaea url(images/ui-bg_flat_75_ebeaea_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
        .ui-state-hover a:hover { color: #212121; text-decoration: underline;}
        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #cccccc; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
        .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: underline;}

        .ui-grid-ico-sort{margin-left:-1px;}
        .ui-icon-desc{margin-left:-2px;}

        /* Interaction Cues
        ----------------------------------*/
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_flat_55_fbf9ee_40x100.png) 50% 50% repeat-x; color: #363636; }
        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
        .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
        .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
        .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
        .ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
        .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .25; filter:Alpha(Opacity=25); background-image: none; }

        .ui-icon {display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;width: 16px; height: 16px; background-image: url(/img/workflow/form/ui-icons_222222_256x240.png);}
        .ui-widget-content .ui-icon {background-image: url(/img/workflow/form/ui-icons_222222_256x240.png);}
        .ui-widget-header .ui-icon {background-image: url(images/ui-icons_555_256x240.png);}
        .ui-state-default .ui-icon {background-image: url(/img/workflow/form/ui-icons_888888_256x240.png);}
        .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png);}
        .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png);}
        .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png);}
        .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png);}

        .ui-icon-carat-1-n { background-position: 0 0; }
        .ui-icon-carat-1-ne { background-position: -16px 0; }
        .ui-icon-carat-1-e { background-position: -32px 0; }
        .ui-icon-carat-1-se { background-position: -48px 0; }
        .ui-icon-carat-1-s { background-position: -64px 0; }
        .ui-icon-carat-1-sw { background-position: -80px 0; }
        .ui-icon-carat-1-w { background-position: -96px 0; }
        .ui-icon-carat-1-nw { background-position: -112px 0; }
        .ui-icon-carat-2-n-s { background-position: -128px 0; }
        .ui-icon-carat-2-e-w { background-position: -144px 0; }
        .ui-icon-triangle-1-n { background-position: 0 -16px; }
        .ui-icon-triangle-1-ne { background-position: -16px -16px; }
        .ui-icon-triangle-1-e { background-position: -32px -16px; }
        .ui-icon-triangle-1-se { background-position: -48px -16px; }
        .ui-icon-triangle-1-s { background-position: -64px -16px; }
        .ui-icon-triangle-1-sw { background-position: -80px -16px; }
        .ui-icon-triangle-1-w { background-position: -96px -16px; }
        .ui-icon-triangle-1-nw { background-position: -112px -16px; }
        .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
        .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
        .ui-icon-arrow-1-n { background-position: 0 -32px; }
        .ui-icon-arrow-1-ne { background-position: -16px -32px; }
        .ui-icon-arrow-1-e { background-position: -32px -32px; }
        .ui-icon-arrow-1-se { background-position: -48px -32px; }
        .ui-icon-arrow-1-s { background-position: -64px -32px; }
        .ui-icon-arrow-1-sw { background-position: -80px -32px; }
        .ui-icon-arrow-1-w { background-position: -96px -32px; }
        .ui-icon-arrow-1-nw { background-position: -112px -32px; }
        .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
        .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
        .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
        .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
        .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
        .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
        .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
        .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
        .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
        .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
        .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
        .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
        .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
        .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
        .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
        .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
        .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
        .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
        .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
        .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
        .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
        .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
        .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
        .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
        .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
        .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
        .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
        .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
        .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
        .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
        .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
        .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
        .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
        .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
        .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
        .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
        .ui-icon-arrow-4 { background-position: 0 -80px; }
        .ui-icon-arrow-4-diag { background-position: -16px -80px; }
        .ui-icon-extlink { background-position: -32px -80px; }
        .ui-icon-newwin { background-position: -48px -80px; }
        .ui-icon-refresh { background-position: -64px -80px; }
        .ui-icon-shuffle { background-position: -80px -80px; }
        .ui-icon-transfer-e-w { background-position: -96px -80px; }
        .ui-icon-transferthick-e-w { background-position: -112px -80px; }
        .ui-icon-folder-collapsed { background-position: 0 -96px; }
        .ui-icon-folder-open { background-position: -16px -96px; }
        .ui-icon-document { background-position: -32px -96px; }
        .ui-icon-document-b { background-position: -48px -96px; }
        .ui-icon-note { background-position: -64px -96px; }
        .ui-icon-mail-closed { background-position: -80px -96px; }
        .ui-icon-mail-open { background-position: -96px -96px; }
        .ui-icon-suitcase { background-position: -112px -96px; }
        .ui-icon-comment { background-position: -128px -96px; }
        .ui-icon-person { background-position: -144px -96px; }
        .ui-icon-print { background-position: -160px -96px; }
        .ui-icon-trash { background-position: -176px -96px; }
        .ui-icon-locked { background-position: -192px -96px; }
        .ui-icon-unlocked { background-position: -208px -96px; }
        .ui-icon-bookmark { background-position: -224px -96px; }
        .ui-icon-tag { background-position: -240px -96px; }
        .ui-icon-home { background-position: 0 -112px; }
        .ui-icon-flag { background-position: -16px -112px; }
        .ui-icon-calendar { background-position: -32px -112px; }
        .ui-icon-cart { background-position: -48px -112px; }
        .ui-icon-pencil { background-position: -64px -112px; }
        .ui-icon-clock { background-position: -80px -112px; }
        .ui-icon-disk { background-position: -96px -112px; }
        .ui-icon-calculator { background-position: -112px -112px; }
        .ui-icon-zoomin { background-position: -128px -112px; }
        .ui-icon-zoomout { background-position: -144px -112px; }
        .ui-icon-search { background-position: -160px -112px; }
        .ui-icon-wrench { background-position: -176px -112px; }
        .ui-icon-gear { background-position: -192px -112px; }
        .ui-icon-heart { background-position: -208px -112px; }
        .ui-icon-star { background-position: -224px -112px; }
        .ui-icon-link { background-position: -240px -112px; }
        .ui-icon-cancel { background-position: 0 -128px; }
        .ui-icon-plus { background-position: -16px -128px; }
        .ui-icon-plusthick { background-position: -32px -128px; }
        .ui-icon-minus { background-position: -48px -128px; }
        .ui-icon-minusthick { background-position: -64px -128px; }
        .ui-icon-close { background-position: -80px -128px; }
        .ui-icon-closethick { background-position: -96px -128px; }
        .ui-icon-key { background-position: -112px -128px; }
        .ui-icon-lightbulb { background-position: -128px -128px; }
        .ui-icon-scissors { background-position: -144px -128px; }
        .ui-icon-clipboard { background-position: -160px -128px; }
        .ui-icon-copy { background-position: -176px -128px; }
        .ui-icon-contact { background-position: -192px -128px; }
        .ui-icon-image { background-position: -208px -128px; }
        .ui-icon-video { background-position: -224px -128px; }
        .ui-icon-script { background-position: -240px -128px; }
        .ui-icon-alert { background-position: 0 -144px; }
        .ui-icon-info { background-position: -16px -144px; }
        .ui-icon-notice { background-position: -32px -144px; }
        .ui-icon-help { background-position: -48px -144px; }
        .ui-icon-check { background-position: -64px -144px; }
        .ui-icon-bullet { background-position: -80px -144px; }
        .ui-icon-radio-off { background-position: -96px -144px; }
        .ui-icon-radio-on { background-position: -112px -144px; }
        .ui-icon-pin-w { background-position: -128px -144px; }
        .ui-icon-pin-s { background-position: -144px -144px; }
        .ui-icon-play { background-position: 0 -160px; }
        .ui-icon-pause { background-position: -16px -160px; }
        .ui-icon-seek-next { background-position: -32px -160px; }
        .ui-icon-seek-prev { background-position: -48px -160px; }
        .ui-icon-seek-end { background-position: -64px -160px; }
        .ui-icon-seek-start { background-position: -80px -160px; }
        /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
        .ui-icon-seek-first { background-position: -80px -160px; }
        .ui-icon-stop { background-position: -96px -160px; }
        .ui-icon-eject { background-position: -112px -160px; }
        .ui-icon-volume-off { background-position: -128px -160px; }
        .ui-icon-volume-on { background-position: -144px -160px; }
        .ui-icon-power { background-position: 0 -176px; }
        .ui-icon-signal-diag { background-position: -16px -176px; }
        .ui-icon-signal { background-position: -32px -176px; }
        .ui-icon-battery-0 { background-position: -48px -176px; }
        .ui-icon-battery-1 { background-position: -64px -176px; }
        .ui-icon-battery-2 { background-position: -80px -176px; }
        .ui-icon-battery-3 { background-position: -96px -176px; }
        .ui-icon-circle-plus { background-position: 0 -192px; }
        .ui-icon-circle-minus { background-position: -16px -192px; }
        .ui-icon-circle-close { background-position: -32px -192px; }
        .ui-icon-circle-triangle-e { background-position: -48px -192px; }
        .ui-icon-circle-triangle-s { background-position: -64px -192px; }
        .ui-icon-circle-triangle-w { background-position: -80px -192px; }
        .ui-icon-circle-triangle-n { background-position: -96px -192px; }
        .ui-icon-circle-arrow-e { background-position: -112px -192px; }
        .ui-icon-circle-arrow-s { background-position: -128px -192px; }
        .ui-icon-circle-arrow-w { background-position: -144px -192px; }
        .ui-icon-circle-arrow-n { background-position: -160px -192px; }
        .ui-icon-circle-zoomin { background-position: -176px -192px; }
        .ui-icon-circle-zoomout { background-position: -192px -192px; }
        .ui-icon-circle-check { background-position: -208px -192px; }
        .ui-icon-circlesmall-plus { background-position: 0 -208px; }
        .ui-icon-circlesmall-minus { background-position: -16px -208px; }
        .ui-icon-circlesmall-close { background-position: -32px -208px; }
        .ui-icon-squaresmall-plus { background-position: -48px -208px; }
        .ui-icon-squaresmall-minus { background-position: -64px -208px; }
        .ui-icon-squaresmall-close { background-position: -80px -208px; }
        .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
        .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
        .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
        .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
        .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
        .ui-icon-grip-diagonal-se { background-position: -80px -224px; }

        .alt{background-color:#F8F8F8 !important;}
    </style>
    <style>
        /*Grid*/
        .ui-jqgrid {position: relative;}
        .ui-jqgrid .ui-jqgrid-view {position: relative;left:0px; top: 0px; padding: .0em; font-size:11px;}
        /* caption*/
        .ui-jqgrid .ui-jqgrid-titlebar {padding: .3em .2em .2em .3em; position: relative; border-left: 0px none;border-right: 0px none; border-top: 0px none;}
        .ui-jqgrid .ui-jqgrid-title { float: left; margin: .1em 0 .2em; }
        .ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px;}.ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; }
        .ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }
        /* header*/
        .ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0em;padding: 0em; overflow-x: hidden; border-left: 0px none !important; border-top : 0px none !important; border-right : 0px none !important;}
        .ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;}
        .ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0em;}
        .ui-jqgrid .ui-jqgrid-htable th {height:22px;padding: 0 2px 0 2px;}
        .ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;}
        .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0px none;border-bottom : 0px none;}
        .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0px none;}
        .ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0px none;}
        .ui-first-th-ltr {border-right: 1px solid; }
        .ui-first-th-rtl {border-left: 1px solid; }
        .ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}
        .ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;}
        .ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute;display:inline; cursor: pointer !important;}
        .ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;}
        .ui-jqgrid .ui-icon-desc {margin-top:3px;height:12px;}
        .ui-jqgrid .ui-i-asc {margin-top:0px;height:16px;}
        .ui-jqgrid .ui-i-desc {margin-top:0px;margin-left:13px;height:16px;}
        .ui-jqgrid .ui-jqgrid-sortable {cursor:pointer;}
        .ui-jqgrid tr.ui-search-toolbar th { border-top-width: 1px !important; border-top-color: inherit !important; border-top-style: ridge !important }
        tr.ui-search-toolbar input {margin: 1px 0px 0px 0px}
        tr.ui-search-toolbar select {margin: 1px 0px 0px 0px}
        /* body */
        .ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0em; padding:0; overflow: auto; text-align:left;}
        .ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:0em; outline-style: none; }
        .ui-jqgrid tr.jqgrow { outline-style: none; }
        .ui-jqgrid tr.jqgroup { outline-style: none; }
        .ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
        .ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;}
        .ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
        .ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
        .ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
        .ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
        .ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0px; border: 0px none;}
        .ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none; border:0 none; z-index: 99999;}
        /* footer */
        .ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0em;padding: 0em; overflow: hidden; border-left: 0px none !important; border-top : 0px none !important; border-right : 0px none !important;}
        .ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0em;}
        .ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 21px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;}
        .ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
        .ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
        /* Pager*/
        .ui-jqgrid .ui-jqgrid-pager { border-left: 0px none !important;border-right: 0px none !important; border-bottom: 0px none !important; margin: 0px !important; padding: 0px !important; position: relative; height: 25px;white-space: nowrap;overflow: hidden;font-size:11px;}
        .ui-jqgrid .ui-pager-control {position: relative;}
        .ui-jqgrid .ui-pg-table {position: relative; padding-bottom:2px; width:auto; margin: 0em;}
        .ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:1px;}
        .ui-jqgrid .ui-pg-button  { height:19px !important;}
        .ui-jqgrid .ui-pg-button span { display: block; margin: 1px; float:left;}
        .ui-jqgrid .ui-pg-button:hover { padding: 0px; }
        .ui-jqgrid .ui-state-disabled:hover {padding:1px;}
        .ui-jqgrid .ui-pg-input { height:13px;font-size:.8em; margin: 0em;}
        .ui-jqgrid .ui-pg-selbox {font-size:.8em; line-height:18px; display:block; height:18px; margin: 0em;}
        .ui-jqgrid .ui-separator {height: 18px; border-left: 1px solid #ccc ; border-right: 1px solid #ccc ; margin: 1px; float: right;}
        .ui-jqgrid .ui-paging-info {font-weight: normal;height:19px; margin-top:3px;margin-right:4px;}
        .ui-jqgrid .ui-jqgrid-pager .ui-pg-div {padding:1px 0;float:left;position:relative;}
        .ui-jqgrid .ui-jqgrid-pager .ui-pg-button { cursor:pointer; }
        .ui-jqgrid .ui-jqgrid-pager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
        .ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea { margin: 0em;}
        .ui-jqgrid td textarea {width:auto;height:auto;}
        .ui-jqgrid .ui-jqgrid-toppager {border-left: 0px none !important;border-right: 0px none !important; border-top: 0px none !important; margin: 0px !important; padding: 0px !important; position: relative; height: 25px !important;white-space: nowrap;overflow: hidden;}
        .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative;}
        .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; }
        .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
        /*subgrid*/
        .ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;}
        .ui-jqgrid .ui-subgrid {margin:0em;padding:0em; width:100%;}
        .ui-jqgrid .ui-subgrid table {table-layout: fixed;}
        .ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
        .ui-jqgrid .ui-subgrid td.subgrid-data {border-top:  0px none !important;}
        .ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0px 0px 1px 0px;}
        .ui-jqgrid .ui-th-subgrid {height:20px;}
        /* loading */
        .ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important; font-size:11px;}
        .ui-jqgrid .jqgrid-overlay {display:none;z-index:100;}

        /* end loading div */
        /* toolbar */
        .ui-jqgrid .ui-userdata {border-left: 0px none;	border-right: 0px none;	height : 21px;overflow: hidden;	}
        /*Modal Window */
        .ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;}
        .ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative;  }
        .ui-jqdialog .ui-jqdialog-title { margin: .1em 0 .2em; }
        .ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute;  top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }

        .ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; }
        .ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }
        .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;}
        .ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
        /* end Modal window*/
        /* Form edit */
        .ui-jqdialog-content .FormGrid {margin: 0px;}
        .ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0em;}
        .ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0em;}
        .EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0em;}
        .EditTable td textarea { width:auto; height:auto;}
        .ui-jqdialog-content td.EditButton {text-align: right;border-top: 0px none;border-left: 0px none;border-right: 0px none; padding-bottom:5px; padding-top:5px;}
        .ui-jqdialog-content td.navButton {text-align: center; border-left: 0px none;border-top: 0px none;border-right: 0px none; padding-bottom:5px; padding-top:5px;}
        .ui-jqdialog-content input.FormElement {padding:.3em}
        .ui-jqdialog-content .data-line {padding-top:.1em;border: 0px none;}

        .ui-jqdialog-content .CaptionTD {vertical-align: middle;border: 0px none; padding: 2px;white-space: nowrap;}
        .ui-jqdialog-content .DataTD {padding: 2px; border: 0px none; vertical-align: top;}
        .ui-jqdialog-content .form-view-data {white-space:pre}
        .fm-button { display: inline-block; margin:0 4px 0 0; padding: .4em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
        .fm-button-icon-left { padding-left: 1.9em; }
        .fm-button-icon-right { padding-right: 1.9em; }
        .fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; }
        .fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;}
        #nData, #pData { float: left; margin:3px;padding: 0; width: 15px; }
        /* End Eorm edit */
        /*.ui-jqgrid .edit-cell {}*/
        .ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0px none;}
        /* inline edit actions button*/
        .ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span,
        .ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span {
            margin: -1px;
        }
        /* Tree Grid */
        .ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;}
        .ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
        .ui-jqgrid .tree-plus {position: absolute;	height: 18px; width: 18px;	overflow: hidden;}
        .ui-jqgrid .tree-leaf {position: absolute;	height: 18px; width: 18px;overflow: hidden;}
        .ui-jqgrid .treeclick {cursor: pointer;}
        /* moda dialog */
        .ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px}
        /* RTL Support */
        .ui-jqgrid .ui-jqgrid-title-rtl {float:right;margin: .1em 0 .2em; }
        .ui-jqgrid .ui-jqgrid-hbox-rtl {float: right; padding-left: 20px;}
        .ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0px;}
        .ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0px -1px -3px;}
        .ui-jqgrid .ui-sort-rtl {left:0px;}
        .ui-jqgrid .tree-wrap-ltr {float: left;}
        .ui-jqgrid .tree-wrap-rtl {float: right;}
        .ui-jqgrid .ui-ellipsis {text-overflow:ellipsis;}
.ui-pg-div{
    display: none;
}
    </style>
</head>
<body>
    <div class="ui-jqgrid ui-widget ui-widget-content ui-corner-all" id="gbox_list" dir="ltr" style="width: 900px;">
        <table id="title" class="TableBlock" border="0" width="100%">
            <tbody>
                <tr class="TableHeader">
                    <td>
                        <img src="/img/workflow/form/green_arrow.gif" align="absmiddle">查询条件:
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="ui-jqgrid-view" id="gview_list" style="width: 900px;">
            <div class="ui-state-default ui-jqgrid-hdiv" style="width: 900px; cursor: default;">
                <div class="ui-jqgrid-hbox">
                    <table class="ui-jqgrid-htable" style="width:797px" role="grid" aria-labelledby="gbox_list"
                           cellspacing="0" cellpadding="0" border="0">
                        <thead>
                        <tr class="ui-jqgrid-labels" role="rowheader">
                            <th id="list_OPRATION" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr" style="width: 120px;">
                                <span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">
                                    &nbsp;
                                </span>
                                <div id="jqgh_list_OPRATION" class="ui-jqgrid-sortable">操作
                                    <span class="s-ico" style="display:none">
                                        <span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr">
                                        </span>
                                        <span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr">
                                        </span>
                                    </span>
                                </div>
                            </th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="ui-jqgrid-bdiv" style="height: 358px; width: 900px;">
                <div style="position:relative;">
                    <div>
                    </div>
                    <table id="list" tabindex="1" cellspacing="0" cellpadding="0" border="0" role="grid" aria-multiselectable="false" aria-labelledby="gbox_list" class="ui-jqgrid-btable" style="width: 797px;">
                        <tbody>
                            <tr class="jqgfirstrow alt" role="row" style="height:auto"><td role="gridcell" style="height:0px;width:79px;"></td><td role="gridcell" style="height:0px;width:79px;"></td><td role="gridcell" style="height:0px;width:79px;"></td><td role="gridcell" style="height:0px;width:79px;"></td><td role="gridcell" style="height:0px;width:79px;"></td><td role="gridcell" style="height:0px;width:79px;"></td><td role="gridcell" style="height:0px;width:79px;"></td><td role="gridcell" style="height:0px;width:79px;"></td><td role="gridcell" style="height:0px;width:120px;"></td></tr>
                            <tr role="row" id="1" tabindex="-1" class="ui-widget-content jqgrow ui-row-ltr">
                                <td role="gridcell" style="text-align:center;" aria-describedby="list_DEPT_DESC">营销中心/货品部/货品部直属部门</td>
                                <td role="gridcell" style="text-align:center;" aria-describedby="list_JOB">货品副经理</td>
                                <td role="gridcell" style="text-align:center;" aria-describedby="list_C_ID_A">chenhuabin</td>
                                <td role="gridcell" style="text-align:center;" aria-describedby="list_C_NAME_A">陈华斌</td>
                                <td role="gridcell" style="text-align:center;" aria-describedby="list_C_ID_B">&nbsp;</td>
                                <td role="gridcell" style="text-align:center;" aria-describedby="list_C_NAME_B">&nbsp;</td>
                                <td role="gridcell" style="text-align:center;" aria-describedby="list_TYPE_C">1</td>
                                <td role="gridcell" style="text-align:center;" aria-describedby="list_DES">钟惠梅(00000616)</td>
                                <td role="gridcell" style="text-align:center;" aria-describedby="list_OPRATION"><a href="#" class="orgAdd" onclick="addData(this)">添加</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div id="pager" class="ui-state-default ui-jqgrid-pager ui-corner-bottom" dir="ltr" style="width: 900px;"><div id="pg_pager" class="ui-pager-control" role="group"><table cellspacing="0" cellpadding="0" border="0" class="ui-pg-table" style="width:100%;table-layout:fixed;height:100%;" role="row"><tbody><tr><td id="pager_left" align="left"><table cellspacing="0" cellpadding="0" border="0" class="ui-pg-table navtable" style="float:left;table-layout:auto;"><tbody><tr><td class="ui-pg-button ui-corner-all" id="refresh_list"><div class="ui-pg-div"><span class="ui-icon ui-icon-refresh"></span></div></td></tr></tbody></table></td><td id="pager_center" align="center" style="white-space: pre; width: 278px;"><table cellspacing="0" cellpadding="0" border="0" style="table-layout:auto;" class="ui-pg-table"><tbody><tr><td id="first_pager" class="ui-pg-button ui-corner-all ui-state-disabled"><span class="ui-icon ui-icon-seek-first"></span></td><td id="prev_pager" class="ui-pg-button ui-corner-all ui-state-disabled"><span class="ui-icon ui-icon-seek-prev"></span></td><td class="ui-pg-button ui-state-disabled" style="width:4px;"><span class="ui-separator"></span></td><td dir="ltr"> <input class="ui-pg-input" type="text" size="2" maxlength="7" value="1" role="textbox"> 共 <span id="sp_1_pager"></span> 页</td><td class="ui-pg-button ui-state-disabled" style="width:4px;"><span class="ui-separator"></span></td><td id="next_pager" class="ui-pg-button ui-corner-all" ><span class="ui-icon ui-icon-seek-next"></span></td><td id="last_pager" class="ui-pg-button ui-corner-all"><span class="ui-icon ui-icon-seek-end"></span></td><td dir="ltr"><select class="ui-pg-selbox" role="listbox" style="display: none"><option role="option" value="10" selected="selected">10</option><option role="option" value="20">20</option><option role="option" value="30">30</option><option role="option" value="40">40</option><option role="option" value="50">50</option><option role="option" value="60">60</option><option role="option" value="70">70</option><option role="option" value="80">80</option><option role="option" value="90">90</option><option role="option" value="100">100</option></select></td></tr></tbody></table></td><td id="pager_right" align="right"><div dir="ltr" style="text-align:right" class="ui-paging-info">1 - 　共  条</div></td></tr></tbody></table></div></div>
        </div>

    </div>
    <script>
        //搜索项展示
        function dataQueryFunc(dataQuery,dataFieldName,dataField){
            var str = '';
            var str1 = '';
            for(var i=0;i<dataQuery.split('`').length;i++){
                if(dataQuery.split('`')[i] == 1){
                    pageObj[dataField.split('`')[i].toUpperCase()] = '';
                    str += dataFieldName.split('`')[i]+'&nbsp;<input name="'+ dataField.split('`')[i].toUpperCase() +'" id="'+ dataField.split('`')[i].toUpperCase() +'" class="SmallInput" size="10">&nbsp;';
                }
                if(dataFieldName.split('`')[i] !='' &&dataField.split('`')[i] !=''){
                    str1 += '<th id="list_'+ dataField.split('`')[i].toUpperCase() +'" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr" style="width: 90px;">\
                            <span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">\
                            &nbsp;\
                            </span>\
                            <div id="jqgh_list_DEPT_DESC" class="ui-jqgrid-sortable">'+ dataFieldName.split('`')[i] +'\
                                <span class="s-ico" style="">\
                                    <span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-icon ui-icon-triangle-1-n ui-sort-ltr">\
                                    </span>\
                                    <span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr">\
                                    </span>\
                                </span>\
                            </div>\
                        </th>';
                }

            }
            str += '&nbsp;<input type="button" class="SmallButton" id="queryBtn" value="查询" onclick="queryBtn($(this))">';
            $('#list_OPRATION').before(str1);
            $('#title td').append(str);
        };
        //数据交互
        function search(){
            if(pageObj.page == 1){
                $('#prev_pager').addClass('ui-state-disabled');
                $('#first_pager').addClass('ui-state-disabled');
            }
            $('.ui-pg-input').val(pageObj.page);
            $.ajax({
                type:'get',
                url:'/hrMarketingFile/queryMarketingFileList',
                data:pageObj,
                success:function(json){
                    if(json.flag&&json.object.length != 0){
                        object = json;
                        var Trtd = '';
                        for(var i=0;i<dataField.split('`').length;i++){
                            var dataFieldStr = dataField.split('`')[i];
                            if(dataFieldStr != ''){
                                Trtd += '<td role="gridcell" style="height:0px;width:90px;"></td>';
                            }
                        }
                        var str = '<tr class="jqgfirstrow alt" role="row" style="height:auto">'+ Trtd +'<td role="gridcell" style="height:0px;width:120px;"></td></tr>';
                        for(var j=0;j<object.object.length;j++){
                            var td = '';
                            for(var i=0;i<dataField.split('`').length;i++){
                                var dataFieldStr = dataField.split('`')[i];
                                if(dataFieldStr != ''){
                                    td += '<td role="gridcell" style="text-align:center;" aria-describedby="list_'+ dataFieldStr.toUpperCase() +'" item_str="'+ item_str.split(',')[i] +'" title="'+ object.object[j][dataFieldStr.toUpperCase()] +'">'+ object.object[j][dataFieldStr.toUpperCase()] +'</td>';
                                }
                            }
                            str += '<tr role="row" id="'+ parseInt(j+1) +'" tabindex="-1" class="ui-widget-content jqgrow ui-row-ltr">'+ td +'<td role="gridcell" style="text-align:center;" aria-describedby="list_OPRATION"><a href="#" class="orgAdd" onclick="addData(this)">添加</a></td> </tr>';
                        }
                        $('#list tbody').html(str);
                        $('#sp_1_pager').html(Math.ceil(parseInt(object.totleNum)/parseInt(pageObj.pageSize)));
                        if($('#sp_1_pager').text() == '1'){
                            $('#next_pager').addClass('ui-state-disabled');
                            $('#last_pager').addClass('ui-state-disabled');
                        }
                        if(parseInt($('#sp_1_pager').text()) > pageObj.page){
                            $('#next_pager').removeClass('ui-state-disabled');
                            $('#last_pager').removeClass('ui-state-disabled');
                        }
                        $('.ui-paging-info').html((parseInt(pageObj.page) - 1) * parseInt(pageObj.pageSize)+1 + ' - '+ parseInt((parseInt(pageObj.page) - 1) * parseInt(pageObj.pageSize)+parseInt(object.object.length)) +'　共 '+ object.totleNum +' 条');

                    }else{
                        var strt = '<li class="no_notice" style="background:#fff;text-align: center;padding: 27px 0px;border: 1px solid #c0c0c0;border-top: none;width: auto;list-style: none;"><img style="margin-bottom: 20px;" src="/img/main_img/shouyekong.png" alt=""><h2 style="text-align: center;color: #666;font-size: 16px">暂无数据</h2></li>'
                        $('#list tbody').html(strt);
                        $('#sp_1_pager').html(0);
                        $('.ui-paging-info').html('无数据显示');
                    }
                }
            })

        };
        //搜索按钮
        function queryBtn(){
            for(var i=0;i<$('.SmallInput').length;i++){
                pageObj[$('.SmallInput').eq(i).attr('name')] = $('.SmallInput').eq(i).val();
            }
            pageObj.page = 1;
            search();
        };
        //添加按钮
        function addData(e){
            var $this = $(e).parents('tr').find('td');
            for(var i=0;i<$this.length;i++){
                if($this.eq(i).attr('aria-describedby') != 'list_OPRATION'){
                    var parentId = $this.eq(i).attr('item_str');
                    var parentValue = $this.eq(i).text();
                    parent.opener.document.getElementById(parentId).value = parentValue;
                }
            }
            window.close();
        };
        $('#list').on('hover','tr',function(){
            if($(this).hasClass('ui-state-hover')){
                $(this).removeClass('ui-state-hover');
            }else{
                $(this).addClass('ui-state-hover');
            }
        });
        $('#prev_pager').click(function(){
            if(!$(this).hasClass('ui-state-disabled') && parseInt($('.ui-pg-input').val()) <= parseInt($('#sp_1_pager').text()) && parseInt($('.ui-pg-input').val()) > 1){
                $('#next_pager').removeClass('ui-state-disabled');
                $('#last_pager').removeClass('ui-state-disabled');
                $('.ui-pg-input').val(parseInt($('.ui-pg-input').val()) - 1);
                if($('.ui-pg-input').val() == 1){
                    $(this).addClass('ui-state-disabled');
                    $('#first_pager').addClass('ui-state-disabled');
                }
                pageObj['page'] = $('.ui-pg-input').val();
                search();
            }else{
                alert('请选择在可选范围内的页数！');
            }
        });
        $('#next_pager').click(function(){
            if(!$(this).hasClass('ui-state-disabled') && parseInt($('.ui-pg-input').val()) < parseInt($('#sp_1_pager').text())  && parseInt($('.ui-pg-input').val()) > 0){
                $('#prev_pager').removeClass('ui-state-disabled');
                $('#first_pager').removeClass('ui-state-disabled');
                $('.ui-pg-input').val(parseInt($('.ui-pg-input').val()) + 1);
                if($('.ui-pg-input').val() == $('#sp_1_pager').text()){
                    $(this).addClass('ui-state-disabled');
                    $('#last_pager').addClass('ui-state-disabled');
                }
                pageObj['page'] = $('.ui-pg-input').val();
                search();
            }else{
                alert('请选择在可选范围内的页数！');
            }
        });
        $('#first_pager').click(function(){
            if(!$(this).hasClass('ui-state-disabled') && parseInt($('.ui-pg-input').val()) <= parseInt($('#sp_1_pager').text()) && parseInt($('.ui-pg-input').val()) > 1){
                $('#next_pager').removeClass('ui-state-disabled');
                $('#last_pager').removeClass('ui-state-disabled');
                $('.ui-pg-input').val('1');
                $("#prev_pager").addClass('ui-state-disabled');
                $('#first_pager').addClass('ui-state-disabled');
                pageObj['page'] = $('.ui-pg-input').val();
                search();
            }else{
                alert('请选择在可选范围内的页数！');
            }
        });
        $('#last_pager').click(function(){
            if(!$(this).hasClass('ui-state-disabled') && parseInt($('.ui-pg-input').val()) < parseInt($('#sp_1_pager').text())  && parseInt($('.ui-pg-input').val()) > 0){
                $('#prev_pager').removeClass('ui-state-disabled');
                $('#first_pager').removeClass('ui-state-disabled');
                $('.ui-pg-input').val($('#sp_1_pager').text());
                $("#next_pager").addClass('ui-state-disabled');
                $('#last_pager').addClass('ui-state-disabled');
                pageObj['page'] = $('.ui-pg-input').val();
                search();
            }else{
                alert('请选择在可选范围内的页数！');
            }
        });
    </script>
    <script>
        var obj = $(parent.opener.document.getElementsByName(parent.opener.TDataSelectionCtrl_Name)[0]);
        var dataSrc = obj.attr("DATA_TABLE");//数据库字段
        var dataField = obj.attr("DATA_FIELD");//表头字段对应数据库字段名称
        var dataFieldName = obj.attr("DATA_FLD_NAME");//表头字段
        var dataQuery = obj.attr("DATA_QUERY");//表头字段查询显示
        var name = obj.attr("name");
        var reg = new RegExp("(^|&)item_str=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        var item_str = r[2];
        var dataQueryNum = [];
        var dataFieldNum = [];
        for(var i=0;i<dataQuery.split('`').length;i++){
            if(dataQuery.split('`')[i] != ''){
                dataQueryNum.push(dataQuery.split('`')[i]);
            }
        };
        for(var i=0;i<dataField.toUpperCase().split('`').length;i++){
            if(dataField.toUpperCase().split('`')[i] != ''){
                dataFieldNum.push(dataField.toUpperCase().split('`')[i]);
            }
        };
        var width = item_str.split(',').length*(90+5)+125;
        $('#gbox_list').css('width',width);
        $('#gview_list').css('width',width);
        $('#pager').css('width',width);
        $('.ui-jqgrid-bdiv').css('width',width);
        $('.ui-jqgrid-hdiv').css('width',width);
        var pageObj = {
            page:1,
            pageSize:10,
            useFlag:true,
            dataSrc:'data_'+dataSrc,
            dataField:dataFieldNum.join(','),
            dataQuery:dataQueryNum.join(',')
        };

        if(dataQuery != ''){
            dataQueryFunc(dataQuery,dataFieldName,dataField);
        };
        search();//第一次搜索数据



    </script>

</body>
</html>
